<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07事件监听</title>
</head>
<body>
    <h4>怎么可能????美国上市公司达内竟然干出如此不雅....</h4>
    <button>点我</button>
<!--    <img src="../789.jpg" alt="" >-->
    <button onclick="alert('警告框')">弹出警告框</button>
    <button onclick="confirm('删不删?')">弹出确认框</button>
    <button onclick="prompt('快输卡号:')">弹出提示输入框</button>
    <script>
        /*鼠标移入事件*/
        let h4 = document.querySelector('h4');
        h4.addEventListener('mouseover',function () {
            console.log('鼠标悬停事件');
        })
        /*鼠标点击事件*/
        let btn = document.querySelector('button');
        btn.addEventListener('click',function () {
            alert('鼠标点击事件');
        })

        /* window是DOM自带的对象,它是一个全局对象,代表了当前浏览器的视口*/
        window.addEventListener('resize',function () {
            //alert('窗口大小发生改变');
        })
        window.addEventListener('scroll',function () {
            alert('窗口滚动');
        })
    </script>
</body>
</html>